<template>
	<view class="scroll">
		<scroll-view class="list-scroll" scroll-y @scrolltolower="loadmore">
			<view>
				<slot></slot>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			loadmore(){
				this.$emit("loadmore")
			}
		}
	}
</script>

<style lang="scss" scoped>
.scroll{
	height:100%;
	felx:1;
	overflow: hidden;
	box-sizing: border-box;
	
	.list-scroll{
		height:100%;//使在scroll超出部分内可以滚动
		display: flex;
		flex-direction:column;
	}
}
</style>
